<template>
  <div>
    <mt-header class="header" fixed title="喜来钱">
      <router-link to="" slot="left" @click.native="goBack">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div class="wrap-login-box">
      <div class="success-box">
        <div class="success-img"></div>
        <div class="success-text">
          <h3>提交申请成功</h3>
          <p>请等待审核电话，30分钟内联系~</p>
        </div>
        <div class="login-btn" @click="goBack">知道了</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      channel: ''
    }
  },
  methods: {
    goBack: function() {
      window.location.href = 'http://www.txdai360.com/' + this.channel
    }
  },
  mounted: function() {
    var url = '?' + window.location.href.split('?')[1]
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      var strs = str.split("&");
      for (var i = 0; i < strs.length; i++) {
        theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
      }
      this.channel = theRequest.channel
    }
  }
}

</script>
<style>
.header {
  height: 1.333333rem;
  color: #000;
  font-size: 0.4rem;
  background: #fff;
  z-index: 10;
}

.wrap-login-box {
  width: 10.0rem;
  background: #f3f4f4 url(../assets/img/back.png) no-repeat top center;
  background-size: 100%;
  overflow: hidden;
}

.success-box {
  margin: 0.8rem 0.4rem 0.4rem 0.4rem;
  margin-top: 7.546667rem;
  padding: 0.88rem 0.453333rem;
  background: #fff;
  border-radius: 0.24rem;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
}

.success-img {
  width: 100%;
  height: 3.32rem;
  background: url(../assets/img/success.png) no-repeat top center;
  background-size: 4.346667rem 3.32rem;
}

.login-btn {
  height: 1.12rem;
  margin-top: 0.8rem;
  border-radius: 0.56rem;
  background: #5399ff;
  font-size: 0.4rem;
  color: #fff;
  line-height: 1.12rem;
  box-shadow: 0 0.126667rem 0.433333rem 0.083333rem rgba(59, 138, 255, 0.3)
}

.success-text {
  text-align: center;
}

.success-text h3 {
  font-size: 0.64rem;
}

.success-text p {
  margin-top: 0.1rem;
  font-size: 0.48rem;
  color: #b2b2b2;
}

.copyright {
  color: #7c7c7c;
  font-size: 0.32rem;
}

.copyright span {
  margin: 0 0.1rem;
}

</style>
